<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>产品详情管理</title>
<meta name="decorator" content="default" />

<script type="text/javascript">
	$(function() {
		$("#checkAll").click(function() {
			$('input[name="id"]').attr("checked", this.checked);
		});
		var $subBox = $("input[name='id']");
		$subBox.click(function() {
			$("#checkAll").attr("checked",$subBox.length == $("input[name='id']:checked").length ? true: false);
				});
	});
	function deleteData() {
		var $id = $("input[name='id']:checked");
		var ids = new Array();
		var j = 0;
		if ($id.val() != null && $id.val() != '') {
			var submit = function (v, h, f) {
			    if (v == 'ok'){
			        $id.each(function(i, info) {
						ids[j] = info.value;
						j++;
					});
			        resetTip();
					location.href = "${ctx}/pro/realDetail/deleteData?ids="+ ids;
			    }else if (v == 'cancel'){
			    	return true;
			    }
			};
			$.jBox.confirm("确认删除此信息吗？", "提示", submit);
		}else{
			jBox.tip("请勾选需要删除的数据！");
		}
	}
	 function page(n, s) {
		$("#pageNo").val(n);
		$("#pageSize").val(s);
		$("#searchForm").attr("action", "${ctx}/pro/realDetail/list");
		$("#searchForm").submit();
		return false;
	}
	
	//弹出查看框
	 function ejectSee(){
		 $.jBox($("#selectDiv").html(), {
				id: 'selectJBox', 
				title : "添加产品",
				width : 'auto',
				height : 666,
				buttons : {"关闭" : true },
				submit : function(v, h, f) {
		  			if (v == false) {
		  				return true;
		  			}
		  		}
		 });
	 }
	 
	 /**
	  * 全局变量
	  */
	 var pageNoOne;//页码
	 var pageSizeOne;//页码大小
	 var countOne;//总数
	 var cId;//
	 //查看
	 function watchPro(obj){
		$("#productInfoTbody").html("");
		cId = $(obj).next().val();
		$("#codes").attr('value',$(obj).parent().parent().children("td:eq(2)").html());
		$("#contractDate").attr('value',$(obj).parent().parent().children("td:eq(3)").html());
		$("#deliveryDate").attr('value',$(obj).parent().parent().children("td:eq(4)").html());
		$("#clienteleName").attr('value',$(obj).parent().parent().children("td:eq(5)").html());
		$("#clientelePhone").attr('value',$(obj).parent().parent().children("td:eq(6)").html());
		$("#clienteleFax").attr('value',$(obj).parent().parent().children("td:eq(7)").html());
		$("#clienteleEmail").attr('value',$(obj).parent().parent().children("td:eq(8)").html());
		$("#realContractRemarks").html($(obj).parent().parent().children("td:eq(11)").html());
		var page;
		var realDetailList;
		var newRow = '';
		//获取列信息
		$.getJSON("${ctx}/pro/realDetail/watch", "realContract.id=" + cId, function(data) {
			$.each(data, function(key, value) {
				if(key == 'page'){
					page = value;
				}else if(key == 'columnList'){
					columnList = value;
				}
			});
			if(typeof(page.list) != "undefined" && typeof(columnList) != "undefined"){
				$.each(page.list, function(i, info) {
					newRow = '<tr>';
					$.each(columnList, function(j, column) {
						if(column.className == 'productInfoName'){
							newRow += '<td>'+info.name+'</td>';
						}
						if(column.className == 'productInfoProductCode'){
							newRow += '<td>'+info.productCode+'</td>';
						}
						if(column.className == 'productInfoSpecifications'){
							newRow += '<td>'+info.specifications+'</td>';
						}
						if(column.className == 'productInfoBrand'){
							newRow += '<td>'+info.brand+'</td>';
						}
						if(column.className == 'productInfoPackaging'){
							newRow += '<td>'+info.packaging+'</td>';
						}
						if(column.className == 'unitName'){
							newRow += '<td>'+info.unit+'</td>';
						}
						if(column.className == 'supplierName'){
							newRow += '<td>'+info.supplier+'</td>';
						}
						if(column.className == 'noTaxPrice'){
							newRow += '<td>'+info.noTaxPrice+'</td>';
						}
						if(column.className == 'taxPrice'){
							newRow += '<td>'+info.taxPrice+'</td>';
						}
						if(column.className == 'marketPrice'){
							newRow += '<td>'+info.marketPrice+'</td>';
						}
						if(column.className == 'count'){
							newRow += '<td>'+info.count+'</td>';
						}
						if(column.className == 'brandReplace'){
							newRow += '<td>'+info.brandReplace+'</td>';
						}
						if(column.className == 'abnormalProblem'){
							newRow += '<td>'+info.abnormalProblem+'</td>';
						}
						if(column.className == 'executor'){
							newRow += '<td>'+info.executor+'</td>';
						}
						if(column.className == 'enquiryDate'){
							if(typeof(info.enquiryDate) == "undefined"){
								newRow += '<td></td>';
							}else{
								var date =new Date(info.enquiryDate);
								newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
							}
						}
						if(column.className == 'deliveryAddress'){
							newRow += '<td>'+info.deliveryAddress+'</td>';
						}
						if(column.className == 'deliveryDate'){
							if(typeof(info. deliveryDate) == "undefined"){
								newRow += '<td></td>';
							}else{
								var date =new Date(info. deliveryDate);
								newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
							}
						}
						if(column.className == 'paymentDate'){
							if(typeof(info.paymentDate) == "undefined"){
								newRow += '<td></td>';
							}else{
								var date =new Date(info.paymentDate);
								newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
							}
						}
						if(column.className == 'arriveDate'){
							if(typeof(info.arriveDate) == "undefined"){
								newRow += '<td></td>';
							}else{
								var date =new Date(info.arriveDate);
								newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
							}
						}
						if(column.className == 'expirationDate'){
							newRow += '<td>'+info.expirationDate+'</td>';
						}
						if(column.className == 'remarks'){
							newRow += '<td>'+info.remarks+'</td>';
						}
					});
					newRow += '</tr>';
					$("#productInfoTbody").append(newRow);
				});
			}
			pageNoOne = page.pageNo;
			pageSizeOne = page.pageSize;
			countOne = page.count;
			$("#clientelePageNo").html(pageNoOne);
			$("#clientelePageSize").html(pageSizeOne);
			$("#clienteleCount").html(countOne);
			if(pageNoOne <= 1){
				$("#clientelePreviousPageLi").attr("class","disabled");
			}
			if(pageNoOne >= countOne/pageSizeOne){
				$("#clienteleNextPageLi").attr("class","disabled");
			}
			//弹出选择框
			ejectSee();
		});
	 }
	 
	 
	 /**
	  * 下一页
	  */
	 $("#clienteleNextPage").live("click",function(){
	 	if(pageNoOne < countOne/pageSizeOne){
	 		$("#productInfoTbody").html("");
	 		var page;
			var realDetailList;
			var newRow = '';
			//获取列信息
			$.getJSON("${ctx}/pro/realDetail/watch", "pageNo="+(pageNoOne+1)+"&realContract.id=" + cId, function(data) {
				$.each(data, function(key, value) {
					if(key == 'page'){
						page = value;
					}else if(key == 'columnList'){
						columnList = value;
					}
				});
				if(typeof(page.list) != "undefined" && typeof(columnList) != "undefined"){
					$.each(page.list, function(i, info) {
						newRow = '<tr>';
						$.each(columnList, function(j, column) {
							if(column.className == 'productInfoName'){
								newRow += '<td>'+info.name+'</td>';
							}
							if(column.className == 'productInfoProductCode'){
								newRow += '<td>'+info.productCode+'</td>';
							}
							if(column.className == 'productInfoSpecifications'){
								newRow += '<td>'+info.specifications+'</td>';
							}
							if(column.className == 'productInfoBrand'){
								newRow += '<td>'+info.brand+'</td>';
							}
							if(column.className == 'productInfoPackaging'){
								newRow += '<td>'+info.packaging+'</td>';
							}
							if(column.className == 'unitName'){
								newRow += '<td>'+info.unit+'</td>';
							}
							if(column.className == 'supplierName'){
								newRow += '<td>'+info.supplier+'</td>';
							}
							if(column.className == 'noTaxPrice'){
								newRow += '<td>'+info.noTaxPrice+'</td>';
							}
							if(column.className == 'taxPrice'){
								newRow += '<td>'+info.taxPrice+'</td>';
							}
							if(column.className == 'marketPrice'){
								newRow += '<td>'+info.marketPrice+'</td>';
							}
							if(column.className == 'count'){
								newRow += '<td>'+info.count+'</td>';
							}
							if(column.className == 'brandReplace'){
								newRow += '<td>'+info.brandReplace+'</td>';
							}
							if(column.className == 'abnormalProblem'){
								newRow += '<td>'+info.abnormalProblem+'</td>';
							}
							if(column.className == 'executor'){
								newRow += '<td>'+info.executor+'</td>';
							}
							if(column.className == 'enquiryDate'){
								if(typeof(info.enquiryDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info.enquiryDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'deliveryAddress'){
								newRow += '<td>'+info.deliveryAddress+'</td>';
							}
							if(column.className == 'deliveryDate'){
								if(typeof(info. deliveryDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info. deliveryDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'paymentDate'){
								if(typeof(info.paymentDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info.paymentDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'arriveDate'){
								if(typeof(info.arriveDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info.arriveDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'expirationDate'){
								newRow += '<td>'+info.expirationDate+'</td>';
							}
							if(column.className == 'remarks'){
								newRow += '<td>'+info.remarks+'</td>';
							}
						});
						newRow += '</tr>';
						$("#productInfoTbody").append(newRow);
					});
				}
				pageNoOne = page.pageNo;
				pageSizeOne = page.pageSize;
				countOne = page.count;
				$("#clientelePageNo").html(pageNoOne);
				$("#clientelePageSize").html(pageSizeOne);
				$("#clienteleCount").html(countOne);
				$("#clientelePreviousPageLi").attr("class","");
				if(pageNoOne <= 1){
					$("#clientelePreviousPageLi").attr("class","disabled");
				}
				if(pageNoOne >= countOne/pageSizeOne){
					$("#clienteleNextPageLi").attr("class","disabled");
				}
				$.jBox.close(selectJBox);
				//弹出选择框
				ejectSee();
			});
	 	}
	 });

	 /**
	 * 上一页
	 */
	 $("#clientelePreviousPage").live("click",function(){
	 	if(pageNoOne > 1){
	 		$("#productInfoTbody").html("");
	 		var page;
			var realDetailList;
			var newRow = '';
			//获取列信息
			$.getJSON("${ctx}/pro/realDetail/watch", "pageNo="+(pageNoOne-1)+"&realContract.id=" + cId, function(data) {
				$.each(data, function(key, value) {
					if(key == 'page'){
						page = value;
					}else if(key == 'columnList'){
						columnList = value;
					}
				});
				if(typeof(page.list) != "undefined" && typeof(columnList) != "undefined"){
					$.each(page.list, function(i, info) {
						newRow = '<tr>';
						$.each(columnList, function(j, column) {
							if(column.className == 'productInfoName'){
								newRow += '<td>'+info.name+'</td>';
							}
							if(column.className == 'productInfoProductCode'){
								newRow += '<td>'+info.productCode+'</td>';
							}
							if(column.className == 'productInfoSpecifications'){
								newRow += '<td>'+info.specifications+'</td>';
							}
							if(column.className == 'productInfoBrand'){
								newRow += '<td>'+info.brand+'</td>';
							}
							if(column.className == 'productInfoPackaging'){
								newRow += '<td>'+info.packaging+'</td>';
							}
							if(column.className == 'unitName'){
								newRow += '<td>'+info.unit+'</td>';
							}
							if(column.className == 'supplierName'){
								newRow += '<td>'+info.supplier+'</td>';
							}
							if(column.className == 'noTaxPrice'){
								newRow += '<td>'+info.noTaxPrice+'</td>';
							}
							if(column.className == 'taxPrice'){
								newRow += '<td>'+info.taxPrice+'</td>';
							}
							if(column.className == 'marketPrice'){
								newRow += '<td>'+info.marketPrice+'</td>';
							}
							if(column.className == 'count'){
								newRow += '<td>'+info.count+'</td>';
							}
							if(column.className == 'brandReplace'){
								newRow += '<td>'+info.brandReplace+'</td>';
							}
							if(column.className == 'abnormalProblem'){
								newRow += '<td>'+info.abnormalProblem+'</td>';
							}
							if(column.className == 'executor'){
								newRow += '<td>'+info.executor+'</td>';
							}
							if(column.className == 'enquiryDate'){
								if(typeof(info.enquiryDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info.enquiryDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'deliveryAddress'){
								newRow += '<td>'+info.deliveryAddress+'</td>';
							}
							if(column.className == 'deliveryDate'){
								if(typeof(info. deliveryDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info. deliveryDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'paymentDate'){
								if(typeof(info.paymentDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info.paymentDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'arriveDate'){
								if(typeof(info.arriveDate) == "undefined"){
									newRow += '<td></td>';
								}else{
									var date =new Date(info.arriveDate);
									newRow += '<td>'+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+'</td>';
								}
							}
							if(column.className == 'expirationDate'){
								newRow += '<td>'+info.expirationDate+'</td>';
							}
							if(column.className == 'remarks'){
								newRow += '<td>'+info.remarks+'</td>';
							}
						});
						newRow += '</tr>';
						$("#productInfoTbody").append(newRow);
					});
				}
				pageNoOne = page.pageNo;
				pageSizeOne = page.pageSize;
				countOne = page.count;
				$("#clientelePageNo").html(pageNoOne);
				$("#clientelePageSize").html(pageSizeOne);
				$("#clienteleCount").html(countOne);
				$("#clienteleNextPageLi").attr("class","");
				if(pageNoOne <= 1){
					$("#clientelePreviousPageLi").attr("class","disabled");
				}
				if(pageNoOne >= countOne/pageSizeOne){
					$("#clienteleNextPageLi").attr("class","disabled");
				}
				$.jBox.close(selectJBox);
				//弹出选择框
				ejectSee();
			});
	 	}
	 });
	 
</script>
</head>
<body class="fixed-top">
	
<div class="container" style="width: 100%;">
	<div style="margin: 20px; border: 1px solid #c8d1d5;">
		<div
			style="padding: 13px; background-color: #f4f4f4; border-bottom: 1px solid #c8d1d5;">
			<h4>
				<i class="icon-globe"></i>客户合同管理
			</h4>
			<ul class="ul-form" style="float: right; margin-top: -25px;">
				<li style="list-style: none"><a class="btn btn-primary"
					href="${ctx}/pro/realDetail/form?realContract.id=1"><i
						class="icon-pencil"></i>&nbsp;新增</a> <a class="btn btn-danger"
					href="javascript:void(0)" onclick="deleteData()"><i
						class="icon-trash"></i>&nbsp;删除</a></li>
			</ul>
		</div>
		<div style="margin: 17px;">
			<form:form id="searchForm" modelAttribute="realContract"
				action="${ctx}/pro/realDetail/list" method="post"
				class="breadcrumb form-search">
				<input id="pageNo" name="pageNo" type="hidden"
					value="${page.pageNo}" />
				<input id="pageSize" name="pageSize" type="hidden"
					value="${page.pageSize}" />
				<sys:tableSort id="orderBy" name="orderBy" value="${page.orderBy}"
					callback="page();" />
				<div>
					<ul class="ul-form">
					<li><label style="width: 150px;">合同订单编号：</label> <form:input path="codeNum"
								htmlEscape="false" maxlength="64" class="input-medium" /></li>
						<li><label>合同订单号：</label> <form:input path="code"
								htmlEscape="false" maxlength="64" class="input-medium" /></li>
						<li><label>开始日期：</label>&nbsp;<form:input id="beginDate"
								path="beginDate" readonly="true" maxlength="40"
								class="input-small Wdate"
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd'});" /></li>
						<li><label>结束日期：</label>&nbsp;<form:input id="endDate"
								path="endDate" readonly="true" maxlength="40"
								class="input-small Wdate"
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd'});" /></li>

						<li class="btns"><input id="btnSubmit"
							class="btn btn-primary" type="submit" value="搜索"
							onclick="return page();" /></li>
					</ul>
				</div>
			</form:form>
			<sys:message content="${message}" />
			<table class="table table-striped table-bordered table-hover"
				id="tabInfo" style="word-wrap: break-all; word-break: break-all;">
				<thead>
					<tr class="widget-title">
						<th style="width: 8px;"><input type="checkbox"
							class="group-checkable" id="checkAll" /></th>
						<th>客户合同编号</th>
						<th>客户合同订单号</th>
						<th>客户合同日期</th>
						<th>送货日期</th>
						<th>制单时间</th>
						<th>创建者</th>
						<th>备注信息</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${page.list}" var="realContract">
						<tr>
							<td style="width: 8px;"><input type="checkbox" name="id" class="group-checkable" value="${realContract.id}" /></td>
							<td>${realContract.codeNum}</td>
							<td>${realContract.code}</td>
							<td><fmt:formatDate value="${realContract.contractDate}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
							<td><fmt:formatDate value="${realContract.deliveryDate}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
							<td style='display: none;'>${realContract.clienteleName}</td>
							<td style='display: none;'>${realContract.clientelePhone}</td>
							<td style='display: none;'>${realContract.clienteleFax}</td>
							<td style='display: none;'>${realContract.clienteleEmail}</td>
							<td><fmt:formatDate value="${realContract.createDate}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
							<td>${realContract.createBy.name}</td>
							<td>${realContract.remarks}</td>
							<shiro:hasPermission name="pro:realDetail:edit">
								<td><a
									href="${ctx}/pro/realDetail/form?realContract.id=${realContract.id}"><i
										class="icon-edit"></i></a> <a
									href="${ctx}/pro/realDetail/deleteData?ids=${realContract.id}"
									onclick="return confirmx('确认要删除该产品吗？', this.href)"><i
										class="icon-remove"></i></a> <a href="javascript:" onclick="watchPro(this)"><i
										class="icon-eye-open"></i></a> <input type="hidden" value="${realContract.id}"></td>
								</td>
							</shiro:hasPermission>
						</tr>
					</c:forEach>
				</tbody>
			</table>
			<div class="pagination">${page}</div>
		</div>
	</div>
</div>

<!-- 查看 - JBox -->
<div id="selectDiv" class="hide" style="overflow:auto;">
<div style="margin: 10px;">
	<div class="row-fluid" style="border: 1px solid #c8d1d5; padding-top: 10px; margin-bottom: 5px;">
		<div class="row-fluid ">
			<div class="span3" style="margin-left: 10px;">
				<label class="control-label"
					style="font-size: 14px; margin-bottom: 3px;">客户合同编号</label>
				<div class="">
					<input type="text" id="codes" name="code" class="span12" readonly="readonly"/>
				</div>
			</div>
			<div class="span3">
				<label class="control-label"
					style="font-size: 14px; margin-bottom: 3px;">客户合同日期</label>
				<div>
					<input type="text" name="contractDate" id="contractDate" class="span12" readonly="readonly"/>
				</div>
			</div>
			<div class="span3">
				<label class="control-label"
					style="font-size: 14px; margin-bottom: 3px;">送货日期</label>
				<div>
					<input type="text" name="deliveryDate" id="deliveryDate" class="span12" readonly="readonly"/>
				</div>
			</div>
		</div>
		<div class="row-fluid ">
			<div class="span3" style="margin-left: 10px;">
				<label class="control-label" style="font-size: 14px; margin-bottom: 3px;">备注</label>
				<div>
					<textarea rows="3" name="remarks" readonly="readonly" id="realContractRemarks"
					 style="resize:none; width: 200%;"></textarea>
				</div>
			</div>
		</div>
	</div>
	<div class="row-fluid" style="border: 1px solid #c8d1d5; padding-top: 10px; margin-bottom: 5px;">
		<div class="row-fluid">
			<div class="span3" style="margin-left: 10px;">
				<label class="control-label"
					style="font-size: 14px; margin-bottom: 3px;">客户名称</label>
				<div class="">
					<input type="text" id="clienteleName" name="clienteleName" class="span12" readonly="readonly"/>
				</div>
			</div>
			<div class="span3">
				<label class="control-label"
					style="font-size: 14px; margin-bottom: 3px;">联系电话</label>
				<div class="">
					<input type="text" id="clientelePhone" name="clientelePhone" class="span12" readonly="readonly"/>
				</div>
			</div>
			<div class="span3">
				<label class="control-label"
					style="font-size: 14px; margin-bottom: 3px;">传真</label>
				<div class="">
					<input type="text" id="clienteleFax" name="clienteleFax" class="span12" readonly="readonly"/>
				</div>
			</div>
		</div>
		<div class="row-fluid ">
			<div class="span3" style="margin-left: 10px;">
				<label class="control-label" style="font-size: 14px; margin-bottom: 3px;">邮箱</label>
				<div>
					<input type="text" id="clienteleEmail" name="clienteleEmail" class="span12" readonly="readonly"/>
				</div>
			</div>
		</div>
	</div>
	<table id="contentTable" class="table table-hover table-bordered">
		<thead>
			<tr class="widget-title">
				<c:forEach items="${columnList}" var="column">
					<c:choose>
						<c:when test="${column.className == 'productInfoName'}">
							<th style="white-space: normal;"><span
								id="productInfoNameSpan">产品名称</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'productInfoProductCode'}">
							<th style="white-space: normal;"><span id="productCodeSpan">产品代码</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'productInfoSpecifications'}">
							<th style="white-space: normal;"><span
								id="specificationsSpan">规格</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'productInfoBrand'}">
							<th style="white-space: normal;"><span id="brandSpan">品牌</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'productInfoPackaging'}">
							<th style="white-space: normal;"><span id="packagingSpan">封装</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'unitName'}">
							<th style="white-space: normal;"><span id="unitNameSpan">单位</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'supplierName'}">
							<th style="white-space: normal;"><span id="supplierNameSpan">供应商</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'noTaxPrice'}">
							<th style="white-space: normal;"><span id="noTaxPriceSpan">未税价格</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'taxPrice'}">
							<th style="white-space: normal;"><span id="taxPriceSpan">含税价格</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'marketPrice'}">
							<th style="white-space: normal;"><span id="marketPriceSpan">销售价格</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'count'}">
							<th style="white-space: normal;"><span id="countSpan">数量</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'brandReplace'}">
							<th style="white-space: normal;"><span id="brandReplaceSpan">品牌替代说明</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'abnormalProblem'}">
							<th style="white-space: normal;"><span
								id="abnormalProblemSpan">异常问题</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'executor'}">
							<th style="white-space: normal;"><span id="executorSpan">对应负责人</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'enquiryDate'}">
							<th style="white-space: normal;"><span id="enquiryDateSpan">询价日期</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'deliveryAddress'}">
							<th style="white-space: normal;"><span
								id="deliveryAddressSpan">送货地点</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'deliveryDate'}">
							<th style="white-space: normal;"><span id="deliveryDateSpan">送货日期</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'paymentDate'}">
							<th style="white-space: normal;"><span id="paymentDateSpan">付款日期</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'arriveDate'}">
							<th style="white-space: normal;"><span id="arriveDateSpan">到货日期</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'expirationDate'}">
							<th style="white-space: normal;"><span
								id="expirationDateSpan">保质期</span></th>
						</c:when>
					</c:choose>
					<c:choose>
						<c:when test="${column.className == 'remarks'}">
							<th style="white-space: normal;"><span id="remarksSpan">备注</span></th>
						</c:when>
					</c:choose>
				</c:forEach>
			</tr>
		</thead>
		<tbody id="productInfoTbody">
			
		</tbody>
	</table>
	<div class="pagination">
			<ul>
				<li id="clientelePreviousPageLi" class="disabled"><a id="clientelePreviousPage" href="javascript:">&#171;上一页</a></li>
				<li id="clienteleNextPageLi"><a id="clienteleNextPage" href="javascript:">下一页&#187;</a></li>
				<li class="disabled controls">
					<a>当前&nbsp;
						<span id="clientelePageNo"></span> /  
						<span id="clientelePageSize"></span> 条，共
						<span id="clienteleCount"></span> 条
					</a>
				</li>
			</ul>
		</div>
</div>
</div>

</body>
</html>